<ion-header>

  <ion-toolbar>
    <ion-title>Raised Buttons</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content padding style="text-align:center">

  <p>
    <button ion-button raised><span>Default</span></button>
    <button ion-button raised raised class="activated">Default.activated</button>
  </p>

  <p>
    <button ion-button raised outline>Outline</button>
    <button ion-button raised outline class="activated">Outline.activated</button>
  </p>

  <p>
    <button ion-button raised clear>Clear</button>
    <button ion-button raised clear class="activated">Clear.activated</button>
  </p>

  <p>
    <button ion-button raised round>Round</button>
    <button ion-button raised round class="activated">Round.activated</button>
  </p>

  <p>
    <button ion-button raised block>Block</button>
    <button ion-button raised block class="activated">Block.activated</button>
  </p>

  <p>
    <button ion-button raised clear disabled>Clear Disabled</button>
  </p>

</ion-content>
